<template>
    <div>
        <h1>我是儿子---{{ fatherGift }}----{{ fatherMoney }}----{{ fatherSister }}</h1>
        <h2></h2>
        <button @click="send">送给爸爸</button>
       
        <h2> {{ a }}</h2>
    </div>
</template>

<script>
    export default {
        // 父传子第二步:子组件通过props接收数据
        props: {
            // 接收数据，与自定义属性名father-gift对应起来
            fatherGift:{
                type:String,
                //默认值
                default:"父慈子孝",
                //必传属性 不传会报错
                // required:true
            },
            fatherMoney:{
                type:Number
            },
             fatherSister:{
                type:String,
                default:"父慈子孝",
               
            },
        },
        data(){
            return{
                msg:"给爸爸发二百块钱",
                msg2:"给爸爸两块钱",
                a:"等待父组件调用"
            }
        },
        methods:{
            send(){
                // 子传父第一步 通过this.$emit("自定义名字")，要发送的数据）发送数据
                this.$emit("sonGift",this.msg)
                this.$emit("two",this.msg2)
            },
            change(){
                this.a="已经被父组件调用"
            }
        },
    }
</script>

<style lang="scss" scoped>

</style>